// 全局变量
body
  --simple-field-width: 100%
  --field-label-width: 120px
  --field-label-font-size: 14px
  --field-label-color: rgba(142,142,142,1)
  --field-label-after: ':'
  --field-label-required-color: red
  --editor-area-background: rgba(238,238,238,1)

  overflow-y: scroll


//全局样式
#q-app
  background: $bodyBackground
  color: #525252

// // 组件用到的通用样式
// .content-block
//   border-radius: 6px 6px 0 0
//   background-color: white
//   margin: 10px 0 0 0

// // fonts
// .is-number
//   font-family: HelveticaInseratCyr-Upright, HelveticaInseratCyr,Microsoft YaHei, Arial, sans-serif
//   font-weight: normal

//   &.highlight
//     color: rgba(245,166,35,1)

// customize the stepper
// tab align to left
.step-left
  .q-stepper__tab
    flex: 0 0 auto
  .q-stepper__header
    justify-content: flex-start

// input fields
.simple-field
  flex: 1
  // .q-field.q-field--readonly
  //   width: 100%
  // display: inline-block
  // max-width: 500px
// .input-field-wrapper-span
//   display: inline-block
//   overflow: hidden

.q-item.q-router-link--active, .q-item--active
  background: rgba(0,0,0,0.15)

input::-moz-selection
  background-color: $grey-5
textarea::-moz-selection
  background-color: $grey-5
input::selection
  background-color: $grey-5
textarea::selection
  background-color: $grey-5

.q-notification .q-notification__message
  text-align: center

.input-field-search .q-field__prepend
  flex-wrap: wrap
.input-field-search .simple-field .q-field__prepend
  max-width: calc(100% - 48px)
  .q-chip__content
    text-overflow: ellipsis
    -ms-text-overflow: ellipsis
    -o-text-overflow: ellipsis
    white-space: nowrap
    overflow: hidden

.input-field-search .simple-field.empty .q-field__prepend
  display: none

// hide input when having data in search component
.input-field-search .has-data
  input
    display: none
  textarea
    display: none

.no-select
  user-select: none

// import customer style
@import './styles/web'
@import './styles/portal'
@import './styles/flows'
@import './styles/fields'
@import './styles/adminTree'
@import './styles/systemConfig'
@import './styles/special'
@import './styles/ie'

@import './styles/article.scss'

// default theme
// @import './themes/default/theme.scss'
